<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="f" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fnt" uri="http://java.sun.com/jsp/jstl/functions" %>
<%
	String path = request.getContextPath();
%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
        <meta name="author" content="order by dede58.com"/>
		<title>CDC疾控中心</title>
		<link rel="stylesheet" type="text/css" href="<%=path%>/web/css/style1.css">
		<style type="text/css">
			img.wp-smiley,img.emoji {
				display: inline !important;
				border: none !important;
				box-shadow: none !important;
				height: 1em !important;
				width: 1em !important;
				margin: 0 .07em !important;
				vertical-align: -0.1em !important;
				background: none !important;
				padding: 0 !important;
			}
		</style>
		<link rel="stylesheet" href="<%=path%>/web/css/style/style2.css" />
		<script src="<%=path%>/web/js/jq.js"></script>
		<script src="<%=path%>/web/js/jq1.js"></script>
	</head>
<body>
<jsp:include page="headerandfoter/header.jsp"></jsp:include>

<br><br><br>
<!-- end banner_x -->
<!-- self_info -->
	<div class="grzxbj">
		<div class="selfinfo center">
		<div class="lfnav fl">
			<div class="subddzx">
				<ul>
					<li></li>
					<li><a href="<%=path%>/services/user_info"><img src="<%=path%>/user/picture/${userInfo.pic}" style="width:150px; height:150px; border-radius:100%; overflow:hidden;"></a></li><br><br><br><br><br>
					<li class="ddzx" style="color:#5D657F;">${userInfo.userName}</li>
					<li>
						 <c:if test="${userInfo.vipUser==0}">
							 <div>普通用户</div>
							 <button class="update-vip-user" data-id="${userInfo.id}">申请内测用户</button>
						 </c:if>
						<c:if test="${userInfo.vipUser==1}">
							<div>
								普通用户
								<span style="color: #A60000">(待审核)</span>
							</div>
						</c:if>
						<c:if test="${userInfo.vipUser==2}">
							<div>
								普通用户
								<span style="color: #A60000">(审核未通过)</span>
							</div>
						</c:if>
						<c:if test="${userInfo.vipUser==3}">
							<div>内测用户</div>
						</c:if>
					</li>
				</ul>
			</div><br>
			<div class="ddzx"><a href="<%=path%>/services/update_user_info">修改资料</a></div>
			<div class="ddzx"><a href="<%=path%>/services/update_password">修改密码</a></div>
			<div class="ddzx"><a href="<%=path%>/services/my_collection">我的收藏</a></div>
			<div class="ddzx"><a href="<%=path%>/services/examination_record">考试记录</a></div>
		</div>
			<div class="rtcont fr">
				<div class="grzlbt ml40">我的资料</div>
				<div class="subgrzl ml40"><span>姓名</span>
					<span>${userInfo.userName}</span></div>
				<div class="subgrzl ml40"><span>性别</span>
					<span>${userInfo.sex}</span></div>
				<div class="subgrzl ml40"><span>出生日期</span>
					<span>${userInfo.birthday1}</span></div>
				<div class="subgrzl ml40"><span>联系方式</span>
					<span>${userInfo.phone}</span></div>
				<div class="subgrzl ml40"><span>联系地址</span>
					<span>${userInfo.area}</span></div>
				<br>
			</div>
		<div class="rtcont fr">
			<div class="grzlbt ml40">我的题库</div>
			<div class="subgrzl ml40"><span>做对题</span>123</div>
			<div class="subgrzl ml40"><span>做错题</span>23</div>
			<div class="subgrzl ml40"><span>未做题</span>345</div>
			<br>
		</div>
		<div class="clear"></div>
		</div>
	</div>
<!-- self_info -->
<jsp:include page="headerandfoter/foter.jsp"></jsp:include><!-- 包含尾部 -->
<script>
	$(function () {
		$(".update-vip-user").click(function () {
			var id=$(this).data("id");
			$.ajax({
				url:"/services/update-vip-user",
				data:{id:id},
				type:"post",
				success:function (mes) {
					if(mes=="1"){
						alert("申请已提交!")
					}
				}
			});
		});
	});
</script>
</body>
</html>